//-----------------------------------广告弹层开始-----------------------------------
 @keyframes flashBtn{
                    from{
                       transform:scale(1.0);
                    }
                    50%{
                        transform:scale(1.1);
                    }
                    to{
                         transform:scale(1.0);
                    }
                }
.vip{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 999999;
    & .vip-pic{  
        position: fixed;
        bottom: 0;
        cursor: pointer;
    }
    & .vip-bar{  
       
        position: absolute;
        bottom: 0;
        width: 100%;
        & .vip-wrap{
                width: 100%;
                position: absolute;
                left: 0;
                z-index: -2;
                height: 110px;
                bottom: 0;
                background: rgba(0,15,23,.85);
        }
        & .vip-content{
                z-index: 10;
                width: 1040px;
                margin: 0 auto;
                position: relative;
                & .gobtn{
                        animation: flashBtn 0.8s infinite;
                }          
                & .warp-close{
                        background: url(http://pic4.40017.cn/index/slide/2016/06/03/11/0jJf77.png) no-repeat center center;
                        position: absolute;
    
                        width: 60px;
                        height: 60px;
                        z-index: 9;
                        -webkit-transition: .5s;
                        transition: .5s;
                        &:hover{
                            transform: rotate(180deg);
                        }
                            
                }
        }
        
    }
    
}

//-------------------------------------sliderbar 侧边栏-----------------------------------
.slider{
    font-family: 'Microsoft Yahei',serif;
    position: fixed;
    width: 40px;
    background: #333;
    right: 0;
    height: 100%;
    top: 0;
    z-index: 99999;
    min-height: 600px;
    .top-show{
        height: 146px;
        position: relative;
        & a>img{
                height: 146px;
        }
        .pic-box{
                position: absolute;
                width: 190px;
                height: 235px;
                left: -190px;
                top: 0;
                display: none;
                & img{
                        width: 100%;
                         height: 100%;
                }
        }
        
    }
     //可想css一样打入scss文件
     //@exte.classname=扩展大码组合
//  mixin自定义传参代码
@mixin bgp ($po1,$po2){
    background-position: $po1 $po2 ;
}
//@keyframes appear{
//  from{
//      left:-120px;
//      opacity: 0;
//  }
//  to{
//      left: -86px;
//      opacity: 1;
//  }
//}
        .slider-tools{
         //  第一个ul   
            
            &  li {
                height: 47px;
                margin: 8px 0;
                cursor: pointer;
                background: url(../img/slider-sprite.png);
                position: relative;
                &>a{
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    top: 0;
                    &:hover{      
//                                              红色字体 白色背景图                
                        color: #f60;
                        text-decoration: none;                   
                    }
//                  &:hover span{
//                     animation: appear .25s;
//                  }
                   &>span{
                        position: absolute;
                        height: 47px;
                        left: -120px;
                        text-align: center;
                        background: #636363;
                        font-size: 14px;
                        color: #fff;
                        padding: 0 15px;
                        line-height: 47px;
//                      visibility: hidden;
                        opacity: 0;
                        -webkit-transition: all .3s ease-in-out;
                        transition: all .3s ease-in-out;
                        &>i{
                                position: absolute;
                                width: 0;
                                height: 0;
                                border-top: 5px solid transparent;
                                border-left: 5px solid #636363;
                                border-bottom: 5px solid transparent;
                                top: 50%;
                                right: -5px;
                                margin-top: -5px;
                        }
                    }
                }
            }
            li.s-head{
                    background-position: -120px -47px
//                  @include bgp(-120px,47px)
            }
            li.s-log{
                    background-position: -120px 0;
            }
            li.s-star{
                    background-position: -80px -141px;
            }
            li.s-write{
                    background-position: -80px -94px
            }
            li.s-smile{
                    background-position: -80px -47px
            }
         
            //  第二个ul
                .common-tab{
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        width: 40px;
                        & .s-qrcode{
                                background-position: -120px -94px;
                                
                                &>a>span{
                                        visibility: hidden;
//                                      display: none;
                                        background: url(../img/slide-bg.png) no-repeat;
                                        opacity: 0;
                                        left: -190px;
                                        top: -189px;
                                        width: 166px;
                                        padding: 0;
                                        height: 291px;
                                        -webkit-transition: all .3s ease-in-out;
                                        transition: all .3s ease-in-out;
                                        & img{
                                                width: 110px;
                                                height: 110px;
                                                display: block;
                                                position: absolute;
                                                bottom: 66px;
                                                right: 27px;
                                    }
                                        & p{
                                                line-height: 1;
                                                text-align: center;
                                                position: absolute;
                                                bottom: 0;
                                                font-weight: bold;
                                                width: 100%;
                                                & em{
                                                        font-size: 16px;
                                                        display: block;
                                                        margin-bottom: 6px;
                                                }
                                                & b{
                                                        font-size: 19px;
                                                        color: #fffc00;
                                                        display: block;
                                                        font-weight: bold;
                                                        margin-bottom: 16px;
                                                 }
                                        }
                                    
                                }
                        }
                        & .s-gotop{
                                margin-bottom: 0;
                                 background-position: -80px 0;
                                 visibility: hidden;
                        }
                }
        }
    

}
//-------------------------广告图片-----------------------------------
.adpic{
        width: 1190px;
        margin: 0 auto;
        position: relative;
        height: 90px;
        &:before{
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 46px;
            height: 18px;
            z-index: 100;
            background: url(../img/add-add.png) no-repeat center;
        }
}
//------------------旅游局合作--------------------
.tour-cooper{
        width: 1190px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        & .cooper-title{
            height: 38px;
            line-height: 38px;
            margin-top: 30px;
            border-bottom: 2px solid #eee;
            & h3{
                    font-size: 16px;
                    color: #333;
                    height: 38px;
                    line-height: 38px;
                    width: 120px;
                    float: left;
              }
           & a{
                    float: right;
                    font-size: 14px;
                    color: #666;
                   & em{
                            font-family: sans-serif;
                            margin: 1px 0 0 1px;
                            float: right;
                            font-style: normal;
                    }
            }
        }
        & .cooper-box{
                overflow: hidden;
                position: relative;
                height: 236px;
                width: 100%;
                padding-bottom: 10px;
                &>ul{
                    height: 590px;
                    position: relative;
                    top: 0px;
                    background-color: #fff;
                     width: 1253px;
                     &>li>ul{
                             height: 118px;
                             &>li{
                                     float: left;
                                    height: 100px;
                                    min-width: 130px;
                                    margin: 0 10px;
                                    padding-top: 18px;
                                    &>a{
                                        &:hover{
                                                color: #f60;
                                                 text-decoration: underline; 
                                        }
                                        display: block;
                                        height: 100px;
                                        color: #7f7f7f;
                                        font-size: 14px;
                                        text-align: center;
                                        &>img{
                                                height: 71px;
                                        }
                                    }
                             }
                     }
                }
        }
}
//--------------------------轮播图部分-------------------
.clearfix{
    content: '';
    display: block;
    clear: both;
}

.slidemain{
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
    & .sliderdiv{
            width: 1190px;
            height: 352px;
            margin: 0 auto;
            position: relative;
            overflow: visible!important;
            &:before{
                    content: '';
                    position: absolute;
                    top: 6px;
                    right: 132px;
                    width: 46px;
                    height: 18px;
                    background: url(../img/add-add.png) no-repeat center;
                    z-index: 100;
            }
            & .sliderpic{
                margin-left: -960px;
                left: 50%;
                position: relative;
                height: 352px;
                &>ul{
                        width: 1920px;
                        position: relative;
                        
                        &>li{
                            float: left;
                            height: 352px;
//                          opacity: 0.01;
                            display: block;
                            left: 0px;
                            top: 0px;
                            z-index: 4;
                            position: absolute;
                            & a{
                                display: block;
                                & img{
                                    width: 1920px;
                                    height: 352px;
                                    display: block;
                                }
                               
                            }
                             & .slider-right{
                                        position: absolute;
                                        top: 0;
                                        left: 50%;
                                        width: 1190px;
                                        margin-left: -595px;
                                        & div{
                                                position: absolute;
                                                 right: 0;
                                                 & a{
                                                     position: relative;
                                                    &> p{
                                                             position: absolute;
                                                            left: 14px;
                                                            top: 21px;
                                                            z-index: 1;
                                                            & span{
                                                                    font-size: 18px;
                                                                    font-weight: 700;
                                                                    color: #333;
                                                                    display: block;
                                                                    height: 20px;
                                                                    overflow: hidden;
                                                                    width: 92px;
                                                            }
                                                            & b{
                                                                    font-size: 14px;
                                                                    color: #999;
                                                                    margin-left: 2px;
                                                                    margin-top: 1px;
                                                                    display: block;
                                                                    font-weight: 400;
                                                                    height: 20px;
                                                                    overflow: hidden;
                                                            }
                                                     }
                                                     &>img{
                                                          display: block;
                                                            margin-top: 5px;
                                                            width: 127px;
                                                            height: 168px;
                                                            background: url();
                                                        }
                                                 }
                                      }
                                }
                        }
                        &>:first-child{
                             opacity: 1;
                        }
                }
            }
            &>ul{
                    position: absolute;
                    right: 134px;
                    z-index: 200;
                    bottom: 6px;
                    &>li{
                            width: 158.5px;
                            float: left;
                            margin-left: 2px;
                            height: 28px;
                            background: url();
                            line-height: 28px;
                            color: #333;
                            text-align: center;
                            cursor: pointer;
                    }
                    & li.current{           
                             background:url(../img/1pxcurrent.png);
                             color: #fff;
                    }
            }
    }
}

.searchmain{
        position: relative;
        width: 1200px;
        margin: 0 auto;
        font-family: 'Microsoft YaHei',serif;
        font-size: 14px;
        & .searchbox{
                float: left;
                z-index: 50;
                background-color: #fff;
                width: 408px;
                position: absolute;
                margin: -352px 0 0 5px;
                border-right: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
//              border: none;
                & .search-left{
                    float: left;
                    width: 67px;
                    & .search-tab{
                            display: block;
                            cursor: pointer;
                            text-align: left;
                            padding-left: 13px;
                            background-color: #38414c;
                            color: #fff;
                            line-height: 44px;
                    }
                    & .onclick{
                            background-color: #fff;
                    }
                    & .color1{
                        color: #50b400;
                    }
                    
                }
                & .search-right{
                    float: left;
                    & .searchwindow{
                        padding: 15px 0 0 25px;
                        display: none;
                        & .top-title{
                                height: 28px;
                                border-bottom: 2px solid #eee;
                                margin-bottom: 20px;
                                width: 291px;
                                & :first-child{
                                    margin-left: 0;
                                }
                                & .at{
                                        color: #50b400;
                                        font-weight: 700;
                                        border-bottom: 2px solid #50b400;
                                }
                                & a{
                                        margin-left: 20px;
                                        float: left;
                                        padding: 0 5px;
                                        text-align: center;
                                        height: 100%;
                                        color: #666;
                                        cursor: pointer;
                                }
                        }
                        & table{
                            display: none;
                            border-spacing: 0;
                            & tr{
                                    display: table-row;
                                    & td{
                                        & a:hover{
                                                color: #f63;
                                        }
                                        & .recom_title{
                                                       border-left: 3px solid #50b400;
                                                        height: 12px;
                                                        line-height: 12px;
                                                        padding-left: 5px;
                                                        margin: 15px 0 8px;
                                                        font-weight: 700;
                                                            font-size: 14px;
                                               }
                                       & .input02{
                                               background-color: #fff;
                                                border: 1px solid #ddd;
                                                -webkit-box-shadow: 1px 1px 1px #EAEAEA inset;
                                                -moz-box-shadow: 1px 1px 1px #EAEAEA inset;
                                                -ms-box-shadow: 1px 1px 1px #EAEAEA inset;
                                                -o-box-shadow: 1px 1px 1px #EAEAEA inset;
                                                box-shadow: .5px 1px 1px #eaeaea inset;
                                                border-radius: 2px;
                                                padding-left: 10px;
                                                height: 30px;
                                                line-height: 30px;
                                                 color: rgb(153, 153, 153);
                                                 width: 278px;
                                                 font-size: 14px;
                                       } 
                                       & .search_btn {
                                               width: 120px;
                                                height: 36px;
                                                text-align: center;
                                                line-height: 36px;
                                                background-color: #ff7800;
                                                border-radius: 3px;
                                                font-size: 16px;
                                                color: #fff;
                                                border: 0;
                                                float: right;
                                                cursor: pointer;
                                               
                                       }
                                        & .search_btn:hover{
                                                        background-color: #f60;
                                                }
                                       & dl.recom_list{
                                               margin-top: 25px;
                                              
                                               & dd.recom_con{
                                                       height: 20px;
                                                        margin-top: 0;
                                                        overflow: hidden;
                                                        & a{
                                                                color: #666;
                                                                padding-right: 16px;
                                                                font-size: 12px;
                                                                display: inline-block;
                                                                &:hover{
                                                                     color: #f63;
                                                                }
                                                        }
                                               }
                                       }
                                       & ul{
                                              width: 247px;
                                              overflow: hidden;
                                              height: 20px;
                                              margin-top: 0;
                                               & li{
                                                   float: left;
                                                   & a{
                                                           color: #666;
                                                            padding-right: 16px;
                                                            font-size: 12px;
                                                            display: inline-block;
                                                   }
                                               }
                                       }
                                       & .s-more{
                                               text-align: center;
                                                position: absolute;
                                                right: 7px;
                                                bottom: 78px;
                                                &>span{
                                                    width: 37px;
                                                    float: left;
                                                    color: #666;
                                                    height: 21px;
                                                    text-align: center;
                                                    cursor: pointer;
                                                    padding: 0 5px;
                                                    border: 1px #fff solid;
                                                    border-bottom: 0;
                                                    line-height: 20px;
                                                    position: relative;
                                                    background: #fff;
                                                    z-index: 20;
                                                    & a{
                                                            text-align: center;
                                                            float: left;
                                                            color: #666;
                                                            line-height: 18px;
                                                            font-size: 12px;
                                    
                                                    }
                                                    & b{
                                                            background-position: -2px 1px;
                                                            width: 10px;
                                                            height: 10px;
                                                            position: absolute;
                                                            top: 6px;
                                                            left: 34px;
                                                                background: url(../img/rilisprite.png) no-repeat;
                                                    }
                                                }
                                       }
                                       
                                    }
                                    & .scenicBtn {
                                        padding-top: 20px;
                                        width: 291px;
                                        display: block;
                                        height: 36px;
                                        overflow: hidden;
                                     }
                                  
                            }                 
                        }
                        & .jiudian-table{
                            & tbody{
                                & dl{
                                        width: 291px;
                                        line-height: 32px;
                                        padding-bottom: 20px;
                                        height: 32px;
                                        & dt{
                                                width: 56px;
                                                text-align: right;
                                                float: left;
                                                margin-right: 10px;     
                                                font-size: 14px;                 
                                        }
                                        & dd{
                                                float: left;
                                                 position: relative;
                                                 & input.color-normal{
                                                         color: #333;
                                                          width: 212px;
                                                 }
                                                 & input.w200{
                                                         color: #333;
                                                          width: 200px;
                                                 }
                                                 & span{
                                                         position: absolute;
                                                        right: 10px;
                                                        top: 2px;
                                                        color: #999;
                                                 }
                                        }
                                }
                                & dl.guojijiudian{
                                    height: 100%;
                                }
                            }
                        }
                    }
                }
        }
}

.content{
         min-width: 1190px;
         margin: 20px auto 15px;
         width: 1190px;
         & .stair-list{
             display: none;
                    margin-top: -105px;
                    margin-bottom: 17px;
                    width: 40px;
                        position: fixed;
                        left: 50%;
                        top: 50%;
                        margin-left: -655px;
                        overflow: hidden;
                        transition: all .3s;
                        z-index: 2;
            &> ul{
                    &>li.now{
                            background-color: #ff7800;
                            margin: -1px 0;
                    }
                    &>li.now a{
                        color: #fff;
                        text-decoration: none;
                        background: 0 0;
                    }
                 &>li{
                         width: 30px;
                        line-height: 14px;
                        padding: 0 6px;
                        text-align: center;
                        overflow: hidden;
                        cursor: pointer;
                        background: #f5f5f5;
                        position: relative;
                     a{
                            display: block;
                            width: 24px;
                            padding: 9px 0;
                            margin: 0 auto;
                            color: #625351;
                            font-size: 12px;
                            &:after{
                                    content: '';
                                     background: url() repeat-x;
                                    position: absolute;
                                    bottom: 0;
                                    display: block;
                                    height: 1px;
                                    width: 25px;
                            }
                     }
                 }
             }
         }
//       .djrxbox{
            &:first-child{
                margin-top: 40px;
            }
           &>div{
             margin-bottom: 17px;
//           height: 305px;
             overflow: hidden;
             
            & .com-title{
                height: 42px;
                border-bottom: 2px solid #eee;
                margin-bottom: 15px; 
                ul{
                    float: left;
                    height: 42px;
                    margin-bottom: 15px;
                    li{
                        color: #333;
                        font-size: 20px;
                        padding: 0 10px;
                        float: left;
                        height: 42px;
                        line-height: 42px;
                        position: relative;
                        margin-right: 15px;
                        cursor: pointer;
                    }
                    li.at{
                            font-weight: 700;
                            border-bottom: 2px solid #ff7800;
                             color: #f63;
                            border-color: #f63;
                    }
                    li.at:after{
                        content: "";
                        display: block;
                        position: absolute;
                        bottom: 0;
                        left: 44%;
                        border-style: solid;
                        border-width: 0 5px 5px;
                        width: 0;
                        border-top-color: rgb(255, 120, 0);
                        border-right-color: transparent;
                        border-bottom-color: rgb(255, 120, 0);
                        border-left-color: transparent;
//                      border-color: #ff7800 transparent;
                    }
                }
               &>a{
                    float: right;
                    color: #666;
                    line-height: 24px;
                    font-size: 14px;
                    margin-top: 15px;
                    &>em{
                            font-family: sans-serif;
                            margin: 1px 0 0 1px;
                            float: right;
                                font-style: normal;
                    }
                }
             }
             & .city-title{
                     margin-bottom: 15px;
                         font-size: 14px;
                         ul{
                             li{
                                 float: left;
                                margin-right: 15px;
                                padding: 2px 8px;
                                cursor: pointer;
                                color: #666;
                                font-size: 14px;
                             }
                             & :first-child{
                                     background: #8c96a2;
                                   color: #fff;
                             }
                         }
             }
             & .tab-con{
                         height: 246px;
                         position: relative;
                & .con-left{
                        overflow: hidden;
                        position: relative;
                         width: 948px;
                         height: 100%;
                         & .arrow{
                                 position: absolute;
                                width: 26px;
                                height: 56px;
                                background: url(../img/arrow.png) no-repeat -34px 0;
                                z-index: 7;
                                top: 50%;
                                margin-top: -50px;
                                right: 0;
                                display: none; 
                                cursor: pointer;
                                
                         }
                         & .left-arrow{
                             background-position: 0 0;
                                left: 0;
                                right: inherit;
                                &:hover{
                                    background-position: -68px 0;
                                }
                         }
                         & .right-arrow{
                             &:hover{
                                    background-position: -102px 0;
                                }
                         }
                     ul{
                             width: 2662px;
                             position: relative;
                         
                         li{
                                 width: 222px;
                                height: 226px;
                                float: left;
                                padding: 0 20px 20px 0;
                                position: relative;
                             
                             a{
                                 &:hover{
                                            box-shadow:3px 3px 5px #f5f5f5;                                                                    }
                                  display: block;
                                    height: 226px;
                                    background: #f5f5f5;
                                .picture{
                                            position: relative;
                                     img{
                                                 background: url(../img/tcly.png) center #f5f5f5 no-repeat!important;
                                                 display: block;
                                                  width: 222px;
                                                height: 140px;
                                     }
                                     span{
                                             position: absolute;
                                            top: 0;
                                            color: #fff;
                                            padding: 2px 4px 2px 8px;
                                            background: #f63;
                                            font-size: 14px;
                                            z-index: 1;
                                            display: none;
                                     }
                                 }
                                 .con-name{
                                         height: 66px;
                                        padding: 7px 10px 13px;
                                        
                                     span{
                                         font-size: 14px;
                                        display: block;
                                        overflow: hidden;
                                        height: 38px;
                                        line-height: 18px;
                                        margin-bottom: 8px;
                                        color: #333;
                                     }
                                     em{
                                             color: #666;
                                            max-width: 60px;
                                            overflow: hidden;
                                            text-overflow: ellipsis;
                                            white-space: nowrap;
                                            margin-top: 3px;
                                            float: left;
                                            font-style: normal;
                                     }
                                     p{
                                             float: right;
                                            color: #f63;
                                            font-size: 20px;
                                         i{
                                                font-size: 16px;
                                                font-style: normal; 
                                                 color: #f63;
                                         }
                                         em{
                                                float: none;
                                                font-size: 12px;
                                                color: #999;
                                                margin-left: 2px;
                                                 font-style: normal;
                                         }
                                     }
                                 }
                             }
                         }
                     }
                 }
                 & .right-pic{
                     width: 222px;
                    height: 226px;
//                  float: right;
                    position: absolute;
                    right: 0;
                    top: 0;
                    &:before{
                        content: '';
                        position: absolute;
                        top: 0;
                        right: 0;
                        width: 46px;
                        height: 18px;
                        background: url(../img/add-add.png) no-repeat center;
                    }
                    li{
                        list-style: none;
                        padding: 0;
                        margin: 0;
                        a{
                            display: block;
                            img{
                                     background: url(../img/tcly.png) center #f5f5f5 no-repeat!important;
                                        width: 222px;
                                         height: 226px;
                                             border: 0;
                                             display: block;
                            }
                        }
                    }
                 }
             }
         }
         & .jxthbox{
                       margin-bottom: 17px;
             &>.jxth{
                        height: 406px;
                & .jxth-left{
                            width: 726px;
                             float: left;
                     ul{
                         li{
                             &:hover{
                                            box-shadow:3px 3px 5px #f5f5f5;                                                                    }
                                 float: left;
                                margin: 0 20px 20px 0;
                                width: 222px;
                                height: 183px;
                                overflow: hidden;
                                background: #f5f5f5;
                                position: relative;
                                font-size: 14px;
                             a{
                                     width: 222px;
                                        height: 183px;
                                        display: block;
                                 div.picture{
                                     img{
                                             width: 222px;
                                            height: 140px;
                                            display: block;
                                                 }
                                     span{
                                              height: 34px;
                                               display: block;
                                                overflow: hidden;
                                                line-height: 19px;
                                                width: 202px;
                                                padding: 3px 10px 7px;
                                                position: absolute;
                                                top: 96px;
                                                background: url(http://img1.40017.cn/cn/c/home/2016/new/shawBg.png) repeat;
                                                color: #fff;                                    
                                     }
                                 }
                                 div.con-name{
                                         padding: 0 10px;
                                          font-size: 12px;
                                    &>em{
                                                width: 110px;
                                                float: left;
                                                margin-top: 12px;
                                                color: #666;
                                                height: 22px;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                                -o-text-overflow: ellipsis;
                                                white-space: nowrap;
                                                font-style: normal;
                                                font-weight: normal;
                                     }
                                     p{
                                         color: #f63;
                                        font-size: 20px;
                                        margin-top: 10px;
                                        float: right;
                                         i{
                                                 font-size: 16px;
                                                     font-style: normal;
                                         }
                                         &>em{
                                                 font-size: 12px;
                                                margin-left: 2px;
                                                color: #999;
                                                font-style: normal;
                                         }
                                     }
                                 }
                             }
                         }
                     }
                 }
                 & .jxth-right{
                         width: 464px;
                        float: right;
                     li{
                             width: 464px;
                            height: 183px;
                            margin-bottom: 20px;
                            position: relative;
                            &:before{
                                content: '';
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 46px;
                            height: 18px;
                            background: url(../img/add-add.png) no-repeat center;
                            }
                         a{
                                 display: block;
                             img{
                                     width: 464px;
                                    height: 183px;
                                    display: block;
                             }
                         }
                     }
                 }
             }
         }
         & .zbjxbox{
//               margin-bottom: 17px;
               & .com-title{
                height: 42px;
                border-bottom: 2px solid #eee;
                margin-bottom: 15px; 
                ul{
                    float: left;
                    height: 42px;
                    margin-bottom: 15px;
                    li{
                        color: #333;
                        font-size: 20px;
                        padding: 0 10px;
                        float: left;
                        height: 42px;
                        line-height: 42px;
                        position: relative;
                        margin-right: 15px;
                        cursor: pointer;
                    }
                    li.at{
                            font-weight: 700;
                            border-bottom: 2px solid #ff7800;
                             color: #f63;
                            border-color: #f63;
                    }
                    li.at:after{
                        content: "";
                        display: block;
                        position: absolute;
                        bottom: 0;
                        left: 44%;
                        border-style: solid;
                        border-width: 0 5px 5px;
                        width: 0;
                        border-top-color: rgb(255, 120, 0);
                        border-right-color: transparent;
                        border-bottom-color: rgb(255, 120, 0);
                        border-left-color: transparent;
//                      border-color: #ff7800 transparent;
                    }
                }
               &>a{
                    float: right;
                    color: #666;
                    line-height: 24px;
                    font-size: 14px;
                    margin-top: 15px;
                    &>em{
                            font-family: sans-serif;
                            margin: 1px 0 0 1px;
                            float: right;
                                font-style: normal;
                    }
                }
             }
//           周边
             & .zbth{
                     

                 &>.zbth-left{  
                             float: left;
                    width: 968px;
                    font-size: 14px;     
                     &>.zbcity-title{
                        margin-bottom: 15px;
                         font-size: 14px;
                         &>ul{
                             &>li{
                                 
                                 
                                 float: left;
                                margin-right: 15px;
                                padding: 2px 8px;
                                cursor: pointer;
                                color: #666;
                                font-size: 14px;
                             }
                             & :first-child{
                                     background: #8c96a2;
                                   color: #fff;
                             }
                         }
                        }
                     
                     &>ul{
                             max-height: 406px;
                            overflow: hidden;
                        
                         li{
                             &:hover{
                                            box-shadow:3px 3px 5px #f5f5f5;                                                                    }
                                 float: left;
                                margin: 0 20px 20px 0;
                                width: 222px;
                                height: 183px;
                                overflow: hidden;
                                background: #f5f5f5;
                                position: relative;
                                cursor: pointer;
                             a{
                                     display: block;
                                 div.picture{
                                     img{
                                             width: 222px;
                                            height: 140px;
                                            display: block;
                                         }
                                     span{
                                             height: 34px;
                                             display: block;
                                            overflow: hidden;
                                            line-height: 19px;
                                            width: 202px;
                                            padding: 3px 10px 7px;
                                            position: absolute;
                                            top: 96px;
                                            background: url(http://img1.40017.cn/cn/c/home/2016/new/shawBg.png) repeat;
                                            color: #fff;
                                            font-size: 14px;
                                            
                                     }
                                     em{
                                             position: absolute;
                                             top: 0;
                                            left: 0;
                                            font-size: 12px;
                                            color: #fff;
                                            padding: 1px 6px;
                                            background-color: rgba(0,0,0,.6);
                                            background-color: #000\9;
                                            filter: alpha(opacity=60);
                                            max-width: 8em;
                                            height: 20px;
                                            overflow: hidden;
                                            font-style: normal
                                     }
                                 }
                                 div.con-name{
                                     padding: 0 10px;
                                    font-size: 12px;
                                     .luoyang{
                                             float: left;
                                          
                                            color: #666;
                                            width: 114px;
                                            height: 22px;
                                            overflow: hidden;
                                            text-overflow: ellipsis;
                                            -o-text-overflow: ellipsis;
                                            white-space: nowrap;
                                            font-style: normal
                                        
                                     }
                                     p{
                                            color: #f63;
                                            font-size: 20px;
                                            margin-top: 10px;
                                            float: right
                                       & span{
                                             font-size: 14px;
                                             font-style: normal;
                                         }
                                        em{
                                             font-size: 12px;
                                            margin-left: 2px;
                                            color: #999;
                                                font-style: normal;
                                         }
                                     }
                                 }
                             }
                         }
                     }
                 }
                 & .zb-right{
                         float: left;
                             width: 222px;
                             
                     & .hot-place{
                             max-height: 170px;
                            overflow: hidden;
//                          margin-bottom: 13px
                             h4{
                                 margin-bottom: 26px;
                                 font-weight: 700;
                                 font-size: 14px;
                                 line-height: 24px;
                               }
                             ul{
                                 li{
                                         border: 1px solid #ddd;
                                        margin: 0 10px 10px 0;
                                        cursor: pointer;
                                        text-overflow: ellipsis;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        max-width: 6em;
                                        border-radius: 2px;
                                            float: left;
                                            &:hover{
                                                    border: 1px solid #f63;
                                            }
                                            &:hover a{
                                                color: #f63;
                                            }
                                     a{
                                             padding: 0 9px;
                                            display: block;
                                            height: 22px;
                                            line-height: 22px;
                                                color: #333;
                                     }
                                 }
                             }
                         
                     }
                     & .hot-days{
//                          margin-bottom: 13px
                             h4{
                                 margin-bottom:8px;
                                 font-weight: 700;
                                 font-size: 14px;
                                 line-height: 24px;
                             }
                             ul{
                                 li{
                                            margin-bottom: 10px;
                                              float: left;
                                             margin: 0 20px 5px 0;
                                  &:hover a{
                                    color: #f63;
                                }
                                     a{
                                            display: block;
                                                color: #333;
                                                
                                     }
                                 }
                             }
                         
                     }
                     & .hot-play{
//                           max-height: 170px;
//                          overflow: hidden;
//                          margin-bottom: 13px
                         h4{
                                 margin-bottom: 13px;
                                 font-weight: 700;
                                 font-size: 14px;
                                 line-height: 24px;
                            }
                             ul{
                                 li{
                                      
                                        float: left;
                                         margin: 0 20px 5px 0;
                                     a{
                                            display: block;                                                       
                                                color: #333;
                                        &:hover a{
                                        color: #f63;
                                    }
                                     }
                                 }
                             }
                        
                     }
                     & .hot-pic{
                                width: 222px;
                                height: 70px;
                                display: block;
                                margin-top: 15px;   
                         a{
                             width: 222px;
                            height: 70px;
                            display: block;
                            img{
                                    background: #fff!important;
                                    float: left;
                                    margin-right: 10px;
                                        display: block;
                            }
                            p{
                                    float: left;
                                    width: 112px;
                                    font-size: 16px;
                                    color: #d56618;
                                    margin-top: 13px;
                                    height: 23px;
                                    overflow: hidden;
                            }
                            span{
                                float: left;
                                font-size: 12px;
                                color: #7a95a7;
                            }
                         }
                     }
                 }
             }
             
             
         }
//       国内精选
        .gnjxbox{
                margin-bottom: 17px;
            .gnjx{         
                .gnjx-left{
                     float: left;
                    width: 968px;
                    font-size: 14px;
                    &>ul{
                        max-height: 406px;
                        margin-top: 5px;
//                      height: 320px;
                        overflow: hidden;
                        &>li{
                                &:first-child:before{
                                        content: '';
                                        position: absolute;
                                        top: 0;
                                        right: 0;
                                        width: 46px;
                                        height: 18px;
                                        z-index: 100;
                                        background: url(../img/add-add.png) no-repeat center;
                                }
                                &:hover img{
                                        transform: scale(1.2,1.2);
                                }
                                 &:first-child :hover{
                                     transform: none;
                                 }
                                width: 222px;
                                height: 140px;
                                position: relative;
                                float: left;
                                margin: 0 20px 20px 0;
                                overflow: hidden;                             
                          & a{
                               display: block;
                                img{
                                          display: block;
                                           width: 100%;
                                             height: 142px;    
                                          transition: transform .9s ease 0s;
                                }
                                &>span{
                                         background-color: #ea4126;
                                            position: absolute;
                                            width: 16px;
                                            height: 13px;
                                            top: 0;
                                            left: 0;
                                            color: #fff;
                                            text-align: center;
                                            line-height: 14px;
                                            font-size: 10px;
                                            font-family: Arial;
                                            &:before{
                                                    content: "";
                                                    position: absolute;
                                                    bottom: -4px;
                                                    left: 0;
                                                    border-width: 4px 7px 0 0;
                                                    border-style: solid;
                                                    border-color: #ea4126 transparent;
                                                    display: block;
                                                    width: 0;
                                            }
                                            &:after{
                                                    content: "";
                                                    position: absolute;
                                                    bottom: -4px;
                                                    left: 9px;
                                                    border-width: 4px 0 0 7px;
                                                    border-style: solid;
                                                    border-color: #ea4126 transparent;
                                                    display: block;
                                                    width: 0;
                                            }
                                }
                                &>div{
                                    width: 222px;
                                    height: 142px;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    text-align: center;
                                    color: #fff;           
                                    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0980392), rgba(0, 0, 0, 0.298039));
                                    p{
                                               padding-top: 48px;
                                                font-size: 24px;
                                                text-shadow: 2px 2px 2px rgba(0,0,0,.45);
                                                font-weight: 600;
                                                height: 24px;
                                                overflow: hidden;
                                                line-height: 22px;
                                                 color: #fff;
                                    }
                                    &>span{
                                            display: block;
                                            width: 90%;
                                            margin: 0 auto;
                                            font-size: 14px;
                                            padding-top: 8px;
                                            text-shadow: 2px 2px 2px rgba(0,0,0,.7);
                                            height: 20px;
                                            overflow: hidden;
                                    }
                                }
                            }
                        }
                    }
                }
                .gn-right{
                        float: left;
                            width: 222px;
                    div{
                        h4{
                                font-weight: 700;
                                margin-bottom: 8px;
                                    font-size: 14px;
                                line-height: 24px;
                        }
                        ul{
                            li{
                                 position: relative;
                                    float: none;
                                    height: 64px;
                                    width: 222px;
                                    margin-bottom: 12px;
                                    margin: 0 20px 17px 0;
                                     list-style: none;
                                
                                a{
                                    
                                    width: 100%;
                                    height: 100%;
                                    color: #333;
                                     display: block;
                                     & .mask{
                                             width: 60px;
                                            height: 64px;
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            display: none;
                                            background-color: rgba(255,255,255,.2);
                                     }
                                     &:hover .mask{
                                         display: block;
                                     }
                                    img{
                                            display: block;
                                             width: 60px;
                                            height: 64px;
                                            float: left;
                                            margin-right: 10px;
                                    }
                                    &>span{
                                        background-color: #ea4126;
                                            position: absolute;
                                            width: 16px;
                                            height: 13px;
                                            top: 0;
                                            left: 0;
                                            color: #fff;
                                            text-align: center;
                                            line-height: 14px;
                                            font-size: 10px;
                                            font-family: Arial;
                                            &:before{
                                                content: "";
                                                position: absolute;
                                                bottom: -4px;
                                                left: 0;
                                                border-width: 4px 7px 0 0;
                                                border-style: solid;
                                                border-color: #ea4126 transparent;
                                                display: block;
                                                width: 0;
                                            }
                                            &:after{
                                                    content: "";
                                                    position: absolute;
                                                    bottom: -4px;
                                                    left: 9px;
                                                    border-width: 4px 0 0 7px;
                                                    border-style: solid;
                                                    border-color: #ea4126 transparent;
                                                    display: block;
                                                    width: 0;
                                            }
                                            
                                    }
                                    div{
                                            float: left;
                                            width: 150px;
                                        p{
                                            color: #333;
                                            height: 40px;
                                            line-height: 20px;
                                            overflow: hidden;
                                           }
                                        i{
                                            color: #999;
                                            margin-top: 3px;
                                            display: block;
                                            font-style: normal;
                                        }
                                        &>span{
                                            position: absolute;
                                            bottom: 0;
                                            right: 5px;
                                            color: #f63;
                                            font-size: 14px;
                                            & em{
                                                    font-style: normal;
                                                        color: #f63;
                                                     font-size: 14px;
                                            }
                                            b{
                                                    color: #999;
                                                     font-size: 12px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
//      出境精选
          & .cjjxbox .gnjx .cj-left .cjcity-title{
                         margin-bottom: 15px;
                         font-size: 14px;
                         &>ul{
                             &>li{      
                                 float: left;
                                margin-right: 15px;
                                padding: 2px 8px;
                                cursor: pointer;
                                color: #666;
                                font-size: 14px;
                             }
                             & :first-child{
                                     background: #8c96a2;
                                   color: #fff;
                             }
                         }
            }
}
